<!-- BEGIN:main -->
<script type="text/javascript">
    function client_check_register(){

        topicName = document.getElementById('topicName').value;
        topicInfor = document.getElementById('topicInfor').value;
        
        if (topicName=="" || topicInfor==""){
            alert("Please enter the topic's name and the topic's information!");
            document.getElementById('topicName').focus();
            return false;
        }

        return true;
    }
</script>


<div id="page_title">
    <h2>Edit topic infomations</h2>
</div>
{MSG}
<form action="" method="POST" onsubmit="return client_check_register()">
    <table class="panel" id="form">
        <tr>
            <td><label for="topicName">Topic name:</label></td>
            <td width="100%"><input type="text" name="topicName" id="username" maxlength="30" size="40" value="{TOPICNAME}"/></td>
        </tr>
        <tr>
            <td><label for="topicInfor">Topic information:</label></td>
            <td width="20%"><textarea name="topicInfor" id="displayname"  maxlength="1000" value="{TOPICINFOR}"/>{TOPICINFOR}</textarea></td>
        </tr>


        <script type="text/javascript">
            

            $(document).ready(function(){
            $("#groupbox").ready(function(){
                $(".ext_adviser_info").hide();
                $(".ext_stdent_info").hide();
                drop_box_change();
                });
            });
            $(document).ready(function(){
             $("#groupbox").change(function(){
                    drop_box_change();
              });
            });
        </script>


         <tr>
             <td>
                <div id="back_home" >   
                <a href="{BACK_HOME}">
                    <input  style="color: whitesmoke; float: left; margin:10px 5px;" class="button" type="button" name="back" value="Back")"/>
                </a>
                </div>
             </td>

             <td>
             <a href="{DELETE_LINK}">
                     <input  style="color: red; float: right; margin:10px 5px;" class="button" type="button" name="delete" value="Delete" onclick="return confirm('Are you want to delete this topic?')"/>
             </a>
             
                     <input style="float: right; margin:10px 5px;" type="submit" class="button" name="submit" id="submit" value="Save" />

             </td>

        </tr>

    </table>

</form>

<!-- END:main -->

<!-- BEGIN:success_msg -->
<div id="msg" style="text-align:center;">Topic have been modified!</div>
<div class="toolbar" style="text-align:center;">{TOOLBAR_LINKS}</div>
<!-- END:success_msg -->


